﻿@{
    ViewBag.Title = "Đăng ký tài khoản";
}


@using (Html.BeginForm("reg", "Account", FormMethod.Post, new {@id="formreg" }))
{
  
    <div class="form">
        <p class="contact"><label for="name">Tên khách hàng</label></p>
        <input id="name" minlength="6" name="tenkh" class="required" placeholder="Nhập vào họ và tên" required="" tabindex="1" type="text">            
        <p class="contact"><label for="email">Email</label></p>
        <input id="email" class="required email" minlength="8" name="email" placeholder="example@domain.com" required="" tabindex="2" type="email" >
        <span id="resultem"></span>
        <p class="contact"><label for="username">Tài Khoản</label></p>
        <input id="tentk" minlength="6" class="required" name="tentk" placeholder="nhập tài khoản" required="" tabindex="3" type="text">
        <span id="result" ></span> 
        <p class="contact"><label for="password">Mật khẩu</label></p>
        <input type="password" minlength="8" maxlength="30" id="password" name="matkhau" required="">
        <p class="contact"><label for="repassword">Nhập lại mật khẩu</label></p>
        <input type="password" class="required" minlength="8" id="cpassword" name="cpassword" required="">
        <p class="contact"><label for="phone">Số điện thoại</label></p>
        <input id="phone" name="phone" class="digits" minlength="10" maxlength="12" placeholder="nhập số điện thoại" required="" type="text">
        <span id="resultphon"></span>
        <br />
        <input class="buttom" name="submit" id="submit" tabindex="5" value="Đăng ký" type="submit">
</div>
}

<div id="dialog">
    <span>Đăng ký thành công</span>
</div>

<style>
    .form
    {
        width:40%;
        margin:10px auto;
    }
</style>

<script type="text/javascript">
    $('#tentk').blur(function () {
        var url = "/account/Checktaikhoan";
        var name = $('#tentk').val();
        if (name != "")
        {
            if(name.length >5)
            {
                $.get(url, { input: name }, function (data) {
                    if (data == "1") {
                        $("#result").html("<span style='color:red;'> Tài khoản đã có người sử dụng</span>");
                        $("#tentk").css('background:red;');
                    }
                    else {
                        $("#result").html("<span style='color:green;'>Bạn có thể sử dụng tài khoản này</span>");
                        $("#tentk").css('background:');
                    }
                });
            }
        }    
    });

    $('#email').blur(function () {
        var url = "/account/checkmail";
        var name = $('#email').val();
        reg1 = /^[0-9A-Za-z]+[0-9A-Za-z_]*@@[\w\d.]+.\w{2,4}$/;
        testmail = reg1.test(email.value);
        if (testmail)
        {
            if (name != "") {
                $.get(url, { input: name }, function (data) {
                    if (data == "1") {
                        $("#resultem").html("<span style='color:red;'>Email này đã có người sử dụng</span>");
                        $("#email").css("background:red;");
                    }
                    else {
                        $("#resultem").html("<span style='color:green;'>Bạn có thể sử dụng Email này</span>");
                        $("#email").css("background:;");
                    }
                });
            }

        }     
    });

    $('#phone').blur(function () {
        var url = "/account/checkdienthoai";
        var name = $('#phone').val();
        if(name !="")
        {
            $.get(url, { input: name }, function (data) {
                if(data =="1")
                {
                    $('#resultphon').html("<span style='color:red;'>Số điện thoại này đã được sử dụng</span>");
                    $('#phone').css("background:red;")
                }
                else
                {
                    $('#resultphon').html("<span style='color:green;'>bạn có thể sử số điện này</span>");
                    $('#phone').css("background:")
                }
            });
        }
            
    });
    // check 

    $(document).ready(function () {
        $("#formreg").validate({
            errorElement: "span",
            rules: {
                cpassword: {
                    equalTo: "#password"
                }

            }
        });
    });
    $(document).ready(function () {
        $('#dialog').dialog({
            autoOpen: false, width: 400, resizable: false, modal: true, //Dialog options
            buttons: {
                "Đồng ý": function () {
                    window.location = '/';
                }
            }
        });
    });
   
</script>
